웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
가장 많이 사용되는 css 속성 중 하나가 바로 border, 테두리를 그리는 속성입니다. 오늘은 테두리를 그리고 활용하는 모든 것에 대하여 알아보겠습니다.
먼저 테두리를 사용하는 방법으로 다음의 표현이 가장 넓리 사용되죠.
div { border: 1px solid #000; }
위 css 문법은 다음의 세가지 속성을 따로 사용한것과 같습니다.
div {
border-width: 1px;
border-type: solid;
border-color: red;
}
위에 사용된 속성 하나씩 알아보면~
border-width
테두리 두께를 의미합니다.
border-type
어떤 테두리를 사용할지 결정합니다
border-color
테두리 색상을 결정합니다.
먼저 테두리를 사용하는 방법으로 다음의 표현이 가장 넓리 사용되죠.
div { border: 1px solid #000; }
위 css 문법은 다음의 세가지 속성을 따로 사용한것과 같습니다.
div {
border-width: 1px;
border-type: solid;
border-color: red;
}
위에 사용된 속성 하나씩 알아보면~
border-width
테두리 두께를 의미합니다.
border-type
어떤 테두리를 사용할지 결정합니다
border-color
테두리 색상을 결정합니다.
아래의 글도 찾고 계시지 않나요?
